@charset "utf-8";
/* CSS Document */

.banner_index{ height:auto; width:100%;position:relative; margin:90px auto 0;}

#indexslider {background-color:#29333f;left:0;top:0;bottom:0; right:0;width:100%;height:100%;overflow:hidden;}
#indexslider .hd{ width:100%; position:absolute; bottom:0px;z-index: 1;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
#indexslider .hd.hd_show{bottom:0px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .hd li{ display:inline-block;*display:inline;*zoom:1; height:8px; width:50px;margin-left:1px;font-size: 0px;line-height: 10px;text-align: center;background:#000;
cursor: pointer;
/*-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;*/
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
behavior: url(ie-css3.htc); z-index:1;
-webkit-transition:all 0.3s ease-out;
-khtml-transition:all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
#indexslider .hd li.on{background: #3a5fe5;color: #bf250c;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .tempWrap{ height:100%;}
#indexslider .swiper-wrapper{ width:100% !important; height:100% !important;}
#indexslider .swiper-slide { position:relative; width:100% !important; height:100% !important; background-position:center; background-size:cover; background-repeat:no-repeat;
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#indexslider .swiper-slide img{ width:100%; height:auto; display:block;}
#indexslider .swiper-slide .txt-mask{ position:absolute; right:0; bottom:15%; width:500px; background:url(../images/alpha_black80.png) repeat; padding:30px 100px 30px 40px; color:#fff; font-size:12px; text-align:left; line-height:22px;}
#indexslider .swiper-slide .txt-mask h1{ font-size:28px; line-height:30px; margin-bottom:20px;}
#indexslider .arrow{  background-image:url(../images/alpha_black50.png); background-position:center; width:80px; height:80px; background-size:auto; position:absolute; top:50%; display:block; left:-80px; margin-top:-40px; z-index:1; line-height:80px; text-align:center; color:#fff;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
#indexslider .arrow .iconfont{ font-size:40px;}
#indexslider .next{ left:auto;right:-80px;}
#indexslider .prev:hover,#indexslider .next:hover{ background-color:rgba(0,0,0,.5);}
#indexslider .prevStop,#indexslider .nextStop{ background-color:rgba(0,0,0,.2) !important;}
#indexslider .prev.arrow_show{left:0%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}
#indexslider .next.arrow_show{right:0%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}




.about{}
.about .w1200{ position:relative;}
.about .about_01{ width:272px; position:absolute; top:-47px; z-index:9;}
.about .about_01 .item{ width:135px; height:135px; background:#2355c4; float:left; margin:0 1px 1px 0;}
.about .about_01 .item .pic{ width:60px; height:60px; margin:22px auto 10px; background-position:center; background-repeat:no-repeat; background-size:contain;}
.about .about_01 .item .txt{ font-size:18px; color:#fff;}
.about .about_01 .item_01 .pic{ background-image:url(../images/icon_about_01.png);}
.about .about_01 .item_02 .pic{ background-image:url(../images/icon_about_02.png);}
.about .about_01 .item_03 .pic{ background-image:url(../images/icon_about_03.png);}
.about .about_01 .item_04 .pic{ background-image:url(../images/icon_about_04.png);}
.about .about_01 .item:hover{ background-color:#2355c4;}
.about .about_02{ height:172px;  padding:30px 20px 20px 310px; background:url(../images/bg_corner_rb.png) no-repeat right bottom; margin-bottom:20px;}
.about .about_02 .nr{ font-size:16px; line-height:26px; height:104px; overflow:hidden; padding:0px 80px 0 20px; padding-left:20px;}
.about .about_02 .nr p{ text-indent:2em;}


.services{ background:url(../images/bg_services.jpg) no-repeat center; background-size:cover; height:490px;position:relative;}
.services .w1200{ height:100%; position:relative;}
.services .bg{ position:absolute; left:0; top:0; width:100%;height:100%; background:url(../images/bg_wen.png) repeat;}
.services .item{ position:absolute; width:130px; height:130px; padding:10px; background:url(../images/alpha_white50.png) repeat; }
.services .item .inner{ width:100%; height:100%; background:#2355c4;}
.services .item .inner .nr{ position:absolute; left:0; top:0; bottom:0; right:0; padding-top:30px;}
.services .item .inner .nr .pic{ width:60px; height:37px; margin:0 auto;background-position:center; background-repeat:no-repeat; background-size:contain;}
.services .item .inner .nr .pic img{}
.services .item .inner .nr .ifwxmtip{ height:30px;}
.services .item .inner .nr .txt{ color:#fff; font-size:20px; }
.services .item_01{ top:160px; left:53px;}
.services .item_02{ top:160px; left:285px;}
.services .item_03{ top:160px; right:285px;}
.services .item_04{ top:160px; right:53px;}
.services .item_05{ top:274px; left:168px;}
.services .item_06{ top:274px; left:400px;}
.services .item_07{ top:274px; right:168px;}
.services .item_08{ top:274px; right:400px;}
.services .item:hover .inner{ background:#2355c4;}

.services .item_title{ width:193px; height:193px; left:50%; top:90px; margin-left:-106px; background:#2355c4;}
.services .item_title .line{ position:absolute; background:#2355c4;}
.services .item_title .line_t{ width:1px; height:50px; left:50%; margin-left:-1px; top:-30px;}
.services .item_title .line_r{ width:28px; height:1px; top:50%; margin-top:-1px; right:-30px;}
.services .item_title .line_b{ width:1px; height:50px; left:50%; margin-left:-1px; bottom:-30px;}
.services .item_title .line_l{ width:28px; height:1px; top:50%; margin-top:-1px; left:-30px;}
.services .item_title .inner{ background:#fff !important;}
.services .item_title .inner .nr{ padding-top:50px;}
.services .item_title .inner .nr .txt h1{ font-size:34px; color:#2355c4;}
.services .item_title .inner .nr .txt p{ color:#888; font-size:16px; text-transform:uppercase;}
.services .item_title .inner:hover{ background:#fff;}


.cases{ background:#fff; padding:20px 0; margin-bottom:25px;}
.cases .slide_cases{}
.cases .slide_cases .hd a{ height:40px; line-height:40px; color:#333; font-size:14px; padding:0 10px; margin:0 10px; position:relative; border-bottom:3px solid #fff;}
.cases .slide_cases .hd a:hover{ border-color:#2355c4;color:#2355c4;}
.cases .slide_cases .hd .on{ border-color:#2355c4;color:#2355c4;}
.cases .slide_cases .bd { height:220px; overflow:hidden;}
.cases .slide_cases .bd .bd_item{ position:relative; width:1200px;}
.cases .slide_cases .bd .bd_item .tempWrap{ width:1200px !important; overflow:hidden;}
.cases .slide_cases .bd .bd_item ul{ margin-left:-10px !important;}
.cases .slide_cases .bd li{ float:left; display:inline; margin:10px;}
.cases .slide_cases .bd .item{ display:block; width:285px; background:#fff; position:relative;}
.cases .slide_cases .bd .item .pic{ width:285px; height:200px; overflow:hidden; background-size:cover; background-position:center;}
.cases .slide_cases .bd .item .pic img{  display:block; width:100%;height:auto;}
.cases .slide_cases .bd .item .txt{ position:absolute; bottom:0; height:50px; width:100%; background:url(../images/alpha_black50.png) repeat; overflow:hidden;}
.cases .slide_cases .bd .item .txt h3{ height:50px; line-height:50px; color:#fff; font-size:14px;margin-bottom:30px; padding:0 20px;}
.cases .slide_cases .bd .item .txt .detail{ width:90px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background:#2355c4;}
.cases .slide_cases .bd .item .txt .detail:hover{ background-color:#2355c4;}
.cases .slide_cases .bd .item:hover{ border-color:#bbb;}
.cases .slide_cases .bd .item:hover .pic{ opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;filter:alpha(opacity=80);}
.cases .slide_cases .bd .item:hover .txt{ height:100%;}
.cases .slide_cases .bd .item:hover .txt h3{ padding-top:50px; }
.cases .slide_cases .bd .item:hover .txt .detail{}
.cases .slide_cases .arrow{  width:80px; height:80px; position:absolute; top:50%; display:block; left:-80px; margin-top:-40px; z-index:1; color:#888; text-align:center; line-height:80px;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;}
.cases .slide_cases .arrow .iconfont{font-size:40px;}
.cases .slide_cases .sNext{ left:auto;right:-70px;}
.cases .slide_cases .arrow:hover{ color:#2355c4;}
.cases .slide_cases .prevStop,.cases .slide_cases .nextStop{ background-color:rgba(0,0,0,.2) !important;}


.hengfu{ height:118px; background:#2355c4; text-align:center; margin-bottom:60px;}
.hengfu .w1240{ height:188px; margin-top:-39px; background:url(../images/bg_hengfu.jpg) no-repeat center; position:relative;}
.hengfu .item{ position:absolute;}
.hengfu .item_01{ left:260px; top:55px; width:280px;}
.hengfu .item_01 a{ width:140px; height:40px; line-height:40px; color:#fff; font-size:16px;}
.hengfu .item_02{ color:#fff; left:587px; top:55px; text-align:left; line-height:40px;}
.hengfu .item_02 p{ font-size:16px;}
.hengfu .item_02 h1{ font-size:32px; font-family:Impact, "MS Sans Serif";}
.hengfu .item_03{ right:40px; top:70px;}
.hengfu .item_03 .btn_hengfu{ width:180px; height:50px; line-height:50px; border:1px #fff solid; font-size:16px; color:#fff; background:#2993a600;}
.hengfu .item_03 .btn_hengfu:hover{ background:#fff; color:#2355c4;}
.hengfu .item_03 .btn_hengfu:active{ background:#197181; color:#fff;}


.guarantee{ padding-left:170px; position:relative; width:400px; margin-bottom:30px;}
.guarantee .inner{ border:5px #2355c4 solid; height:240px; background:#fff; padding-left:130px; padding-top:90px; padding-bottom:30px;}
.guarantee ul li{ height:40px; line-height:40px; padding:0 10px;}
.guarantee ul li a{ display:block; font-size:16px;}
.guarantee ul li .iconfont{ color:#6ad204;}
.guarantee ul li a:hover{ color:#2355c4;}
.guarantee .pic{ position:absolute; left:0; top:20px; width:300px;}
.guarantee .title{ position:absolute; left:190px; top:20px; background:#2355c4; color:#fff; padding:8px 12px; line-height:26px;}
.guarantee .title h1{ font-size:24px;}
.guarantee .title p{ font-size:16px; text-transform:uppercase;}

.bid{ width:600px;}
.bid .bt{ padding-left:20px;}
.bid .nr{ padding-left:22px; height:320px;  }
.bid .nr .slide_bid{border-left:1px #aaa dotted; position:relative;}
.slide_bid .bd{ margin-left:-16px; padding-right:40px;}
.slide_bid .bd .item{ display:block; position:relative; padding:20px 30px 10px 40px; }
.slide_bid .bd .item .icon{ display:block; width:30px; height:30px;line-height:30px; border:1px #dbdbdb solid; background:#fff; text-align:center; position:absolute; left:0px; top:20px; color:#6ad204; }
.slide_bid .bd .item .iconfont{}
.slide_bid .bd .item .title{ height:30px; line-height:30px; font-size:14px;}
.slide_bid .bd .item .date{ height:20px; line-height:20px; color:#888;font-size:14px;}
.slide_bid .bd .item:hover{ color:#2355c4;}
.slide_bid .arrow{ display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#888; position:absolute; right:0px; z-index:1;}
.slide_bid .arrow:hover{color:#2355c4;}
.slide_bid .sPrev{ top:50%; margin-top:-30px;}
.slide_bid .sNext{ top:50%;}


.team{ background:#fff; padding:20px 0; margin-bottom:25px;}
.team .slide_cases{}
.team .slide_team .hd a{ height:40px; line-height:40px; color:#333; font-size:14px; padding:0 10px; margin:0 10px; position:relative; border-bottom:3px solid #fff;}
.team .slide_team .hd a:hover{ border-color:#2355c4;color:#2355c4;}
.team .slide_team .hd .on{ border-color:#2355c4;color:#2355c4;}
.team .slide_team .bd { height:300px; overflow:hidden;}
.team .slide_team .bd .bd_item{ position:relative; width:1200px;}
.team .slide_team .bd .bd_item .tempWrap{ width:1200px !important; overflow:hidden;}
.team .slide_team .bd .bd_item ul{ margin-left:-10px !important;}
.team .slide_team .bd li{ float:left; display:inline; margin:10px;}
.team .slide_team .bd .item{ display:block; width:590px; height:280px; background:#2355c4 url(../images/bg_corner_rb.png) no-repeat right bottom; position:relative;}
.team .slide_team .bd .item .pic{ width:246px; height:280px; overflow:hidden; background-size:cover; background-position:center; position:absolute; left:0; top:0; }
.team .slide_team .bd .item .pic em{ content:''; display:block; width:0; height:0; border-width:10px 10px 10px 0; border-color:transparent #2355c4 transparent transparent; border-style:dashed solid dashed dashed; position:absolute; right:0; top:35px;}
.team .slide_team .bd .item .pic img{  display:block; width:100%;height:auto;}
.team .slide_team .bd .item .txt{ padding:20px 30px 20px 275px;}
.team .slide_team .bd .item .txt .title{ height:50px; line-height:50px; color:#fff; font-size:24px; letter-spacing:2px;}
.team .slide_team .bd .item .txt .type{ color:#60e5fc; border-bottom:1px #60e5fc dotted; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; margin-bottom:8px;}
.team .slide_team .bd .item .txt .desc{ color:#fff; height:100px; overflow:hidden; line-height:25px; font-size:14px;}
.team .slide_team .bd .item .detail{ display:block; width:50px; height:50px; position:absolute; right:0;top:0;background:#2355c4; }
.team .slide_team .bd .item .detail .detail-inner{ height:0px; width:0px; position:absolute; left:px; top:-1px; right:-1px; bottom:0px;border-width:25px ; border-style: solid solid dashed dashed;border-color:#fff #fff transparent transparent; }
.team .slide_team .bd .item .detail .detail-inner2{height:0; width:0; position:absolute; left:5px; top:5px; right:5px; bottom:5px;border-width:20px ; border-style:solid solid dashed dashed ;border-color:#2355c4 #2355c4 transparent transparent;}
.team .slide_team .bd .item .detail .detail-inner3{ position:absolute; display:block; width:24px; height:24px;  font-size:24px; line-height:24px !important; position:absolute; right:5px; top:5px; top:5px\9;color:#64d6ea; text-align:center;}
.team .slide_team .bd .item:hover{ background-color:#2355c4;}
.team .slide_team .bd .item:hover .pic{/* opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;filter:alpha(opacity=80);*/}
.team .slide_team .bd .item:hover .pic em{ border-color:transparent #2355c4 transparent transparent;}
.team .slide_team .bd .item:hover .detail{ background-color:#2355c4;}
.team .slide_team .bd .item:hover .detail .detail-inner2{ left:0; top:0; right:0; bottom:0; border-width:25px;border-color:#36acc1 #36acc1 transparent transparent;}
.team .slide_team .bd .item:hover .detail .detail-inner3{ color:#fff !important;right:0px; top:0px;top:0px\9;}
.team .slide_team .arrow{  width:80px; height:80px; position:absolute; top:50%; display:block; left:-80px; margin-top:-40px; z-index:1; color:#888; text-align:center; line-height:80px;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;}
.team .slide_team .arrow .iconfont{font-size:40px;}
.team .slide_team .sNext{ left:auto;right:-70px;}
.team .slide_team .arrow:hover{ color:#2355c4;}
.team .slide_team .prevStop,.team .slide_team .nextStop{ background-color:rgba(0,0,0,.2) !important;}



.news{ background:#f8f8f8; padding:20px 0 40px;}
.news .con_item{ width:580px;}
.news .con_item .bt{ border-bottom:1px #dbdbdb solid; height:39px; padding-left:20px; margin-bottom:15px;}
.news .con_item .bt ul li{ margin-right:30px; height:40px; line-height:40px; font-size:16px; cursor:pointer;}
.news .con_item .bt ul .on{ color:#2355c4; border-bottom:2px #2355c4 solid; line-height:40px; height:38px;}
.news .con_item .bt .mores{ padding-top:5px;}
.news .con_item .nr{ height:290px; overflow:hidden;}
.news .con_item .nr .headitem { clear:both; overflow:hidden; margin-bottom:10px;}
.news .con_item .nr .headitem .pic{ width:200px; height:120px; overflow:hidden; }
.news .con_item .nr .headitem .pic img{}
.news .con_item .nr .headitem .pic a:hover{opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;filter:alpha(opacity=80);}
.news .con_item .nr .headitem .txt{ width:360px; height:120px; overflow:hidden;}
.news .con_item .nr .headitem .txt .title{ font-size:18px; padding:5px 0; line-height:25px;}
.news .con_item .nr .headitem .txt .desc{  padding:5px 0; line-height:20px; font-size:12px; color:#888;}
.news .con_item .nr ul li{ height:40px; line-height:40px;}
.news .con_item .nr ul li a{ display:block; font-size:14px;}
.news .con_item .nr ul li .date{ color:#888; margin-right:10px;}
.news .con_item .nr a:hover{ color:#2355c4;}